Layout Editor

Overview 

The Layout Editor gives you control over how recommendations and promotions appear on your site. HTML code that you write in the editor appears with each call to a placement that uses this layout. The Layout Editor gives you full control of the layout via HTML.

Users who will be maintaining layouts in the Personalization Cloud dashboard are the intended audience for this information.

IMPORTANT: Access to the Layout Editor must be granted by the Algonomy team. If you'd like access to the Layout Editor, talk to your Algonomy team.

How It Works?

Every layout includes code for a header, each item, and a footer. The header and footer appear above and below the recommended items. The code for each item is repeated as many times as needed—you control the number of items that can appear when you set up a placement.

Graphical user interface Description automatically generated with medium confidence

  • Check Item divider to add an element between each item.

  • Check Row divider to add code between rows of items.

  • If you want to show the item that was used to generate the recommendations, check Layout displays seed item. A typical example would be a layout that showed "People who viewed this item ultimately bought this item."

  • If you want to link to the category for each recommended item, check Layout displays category links. You will see the CATEGORY_LINK_URL in the Item Variables.

Text Description automatically generated

Layout Variables, listed on the left, let you insert information about the recommendations or promotions (like the strategy message or campaign name) into the HTML.

Note: Single-line JavaScript comments (starting with //) are not supported. Instead, use the multi-line comment format, for example:

Copy 
/* Your comment here. */